<%-- 
    Document   : newjsp
    Created on : Dec 18, 2014, 11:39:31 AM
    Author     : Phuong
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
        <link type="text/css" href="css/simple-sidebar.css" rel="stylesheet">
    </head>
    <body>

        <div id="wrapper">
            <div id="sidebar-wrapper">
                <ul class="sidebar-nav">
                    <br>
                    <li class="sidebar-brand">
                        <img data-src="holder.js/200x200" class="img-thumbnail" alt="200x200" src="" data-holder-rendered="true" style="width: 200px; height: 200px;">
                    </li>
                    <br><br><br><br><br><br><br>
                    <li class="text text-center">
                    You logged in as User1
                    </li>
                    <li class="text-center"><button class="btn btn-danger btn-sm">Logout</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
                    <li><a href="#">Student List</a></li>
                    <li><a href="#">Add new Student</a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#">Profile</a></li>
                </ul>
            </div>
            <div id="page-content-wrapper">
                
                <div class="container-fluid">   
                    <div class="page-header"><h2>Student List</h2></div>
                    <form action="#" method="post">
                        <input type="text"> &nbsp;&nbsp; <button class="btn btn-default btn-sm">Filter</button>
                    </form>
                    <br>
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Age</th>
                                <th>Gender</th>
                                <th>Hometown</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>A</td>
                                <td>15</td>
                                <td>Male</td>
                                <td>Hanoi</td>
                                <td><button class="btn btn-default">Add</button> <button class="btn btn-default">Delete</button></td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>B</td>
                                <td>15</td>
                                <td>Female</td>
                                <td>Hanoi</td>           
                                <td><button class="btn btn-default">Add</button> <button class="btn btn-default">Delete</button></td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>C</td>
                                <td>15</td>
                                <td>Male</td>
                                <td>Hanoi</td>           
                                <td><button class="btn btn-default">Add</button> <button class="btn btn-default">Delete</button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </body>
</html>
